<template>
  <div>
    <!-- 查看更多 -->
    <HeaderBox></HeaderBox>
    <BannderBox :datas="list" @get-detailed="getDetailed"></BannderBox>
  </div>
</template>
<style scoped></style>

<script>
import HeaderBox from '../components/commodity/headerbox.vue'
import BannderBox from '../components/commodity/bannderbox.vue'
import { mapState } from 'vuex';
export default {
  components: {
    HeaderBox,
    BannderBox
  },
  computed: {
    ...mapState(['list']),
  },
  methods: {
    getDetailed(id) {
      // 处理传递过来的 id
      console.log(id);
      // 存储到父组件的数据中
      this.$router.push({
        name: 'detailed', // 使用路由名称
        params: {
          id: id, // 使用路由参数
        }
      })
    },
  }

};
</script>